<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="css/allBasic.css">
    <link rel="stylesheet" href="css/shop.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="./lib/layui/layui.js"></script>
    <title>我的订单</title>
</head>
<body>
<div class="shop_wrap page_box">
    <div class="morders_area m_pbw">
        <div class="page_box_head title_color3">
            <span class="page_title_sign"><i class="iconfont">&#xe6c1;</i></span>
            <h3 class="page_title">我的订单</h3>
        </div>
        <!--<div class="x_scroll">-->
        <ul class="mtab_title">
            <li class="item active" data-url="order_list0.html">全部订单<span class="had ord_total">9982</span></li>
            <li class="item" data-url="order_list1.html">待付款</li>
            <li class="item" data-url="order_list2.html">待发货</li>
            <li class="item" data-url="order_list3.html">待收货</li>
            <li class="item" data-url="order_list4.html">已完成</li>
        </ul>
        <div class="mtab_content" id="mtab_content"></div>
        <div id="paging"></div>
    </div>
</div>
</body>
<script src="js/siteBasic.js"></script>
<script>
    layui.use(['layer','laypage','form'], function(){
        var laypage = layui.laypage,
            layer = layui.layer,
            form=layui.form;
        form.render();
        laypage.render({
            elem: 'paging' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: 50 //数据总数，从服务端得到
            ,curr:1
            ,limit:15
            ,layout:['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump:function(obj,first){
                if(!first){

                }
            }
        });
//        deleteRowDt(".delete");
    });
    function deleteRowDt(btn){
        $(btn).click(function(){
            top.layer.confirm('确定移除订单列表吗？',{
                btn: ['确定','消息'] //按钮
            });
        });
    }
    $().ready(function(){
        importHtml("order_list0.html","#mtab_content");
        cutOrderState();
    });
    function cutOrderState(){
        $(".mtab_title").on("click",".item",function(){
            $(this).addClass("active").siblings().removeClass("active");
            var url=$(this).attr("data-url");
            importHtml(url,"#mtab_content");
        });
    }
</script>

</html>